* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-family:  'PingFangSC-Regular', 'DINPro','AvenirBold';
}

image {
	height: 0;
	display: block;
}

// 全局背景色
page{
	background-color: $globalColor-bgStyle;
	min-height: 100vh;
	width: 100%;
	overflow: auto;
}
.pages{
	background-color: $globalColor-bgStyle;
	min-height: 100vh;
	overflow: auto;
}
.header-right {
	position: absolute;
	font-size: 14px;
	right: 15px;
	top: 0;
	color: #152133;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.content {
	// height: 100vh;
	// background: $globalColor-bgStyle;
	// padding-bottom: 4vh;
}
.contentBg{
	background: $globalColor-bgStyle;
	height: 100vh;
}

.index_main{
	padding-bottom: 150rpx;
}

.initBtn{
	background: #AD2926;
	border-radius: 12rpx;
	margin: 30upx auto 50rpx;
	text-align: center;
	width: 100%;
	padding: 25upx 0;
	font-size: 36rpx;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: #fff;
	&::after{
		border: none !important;
	}
}

.dfooter{
		background: $globalColor-white;
		@include flexBetween;
		position: fixed;
		bottom: 0;
		z-index: 3;
		width: 100%;
		padding: 20rpx 40rpx 30rpx;
		&-left{
			@include flexLeftColumn;
			
		}
		&-price{
			font-size: 44rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #F3354C;
			.symbol{
				font-size: 36rpx;
			}
			.zi{
				font-size: 28rpx;
				color: $globalColor-fontStyle;
			}
		}
		.count{
			font-size: 24rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #666666;
			text-decoration: line-through;
		}
		&-btn{
			width: 40%;
			font-weight: bold;
			font-size: 36rpx;
			margin: 0;
			position: relative;
			z-index: 5;
		}
		&-fixed{
			position: fixed;
			bottom: 0;left: 0;right: 0;
			width: 90%;
		}
	}

.swiperBox1 {
	height: 450rpx;
	position: relative;
	@include flexCenter;
	&-wrapper {
		width: 100vw;
	}
	&-swiper {
		height: 450rpx;
		&__item {
			height: 450rpx;
			width: 100vw;
			@include flexCenterColumn;
			image {
				width: 100vw;
			}
		}
	}
	&-image{
		width: 100vw;
	}
}

.swiperBox {
	height: 348rpx;
	position: relative;
	@include flexCenter;
	&-wrapper {
		width: 100%;
	}
	&-swiper {
		height: 348rpx;
		&__item {
			width: 100%;
			height: 348rpx;
			overflow: hidden;
			@include flexCenterColumn;
			image {
				width: 100%;
			}
		}
	}
	/deep/ .uni-swiper-dot{
		width: 12rpx;
		height: 12rpx;
	}
	/deep/ .uni-swiper-dot-active{
		width: 40rpx;
		height: 12rpx;
		border-radius: 50rpx;
	}
	
	//设置轮播的指示点大小
	.uni-swiper-wrapper {
		/deep/ .uni-swiper-dots { // 指示点整个区域
		}
		/deep/ .uni-swiper-dot { // 指示点元素默认样式
			width: 12upx !important;
			height: 12upx !important;
			background-color: #E8E8E8;
		}
		/deep/ .uni-swiper-dot-active { // 指示点元素激活（当前选中）状态样式
			background-color: #FCCD4D !important;
			width: 40rpx !important;
			border-radius: 50rpx;
		}
	}
}
// 支付弹窗
.modalPsd{
	&-bg{
		width: 100vw;
		height: 100vh;
		z-index: 971;
		position: fixed;
		inset: 0px;
		background-color: #fff;
		transition-duration: 0.3s;
	}
	&-wrapper{
		// background: rgba(0,0,0,0.5);
		// width: 100vw;
		// height: 100vh;
		// position: relative;
		// z-index: 99;
	}
	.psdBox{
		&-wrapper{
			position: fixed;
			top: 45%;
			left: 50%;
			transform: translate(-50%,-50%);
			margin: auto;
			width: 80%;
			background: #fff;
			border-radius: 16rpx;
		}
		&-whiteBg{
			background: #fff;
			border-radius: 16rpx 16rpx 0 0;
			padding: 0 0 86rpx;
			position: relative;
		}
		&-header{
			font-size: 32rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 600;
			color: #000;
			text-align: center;
			padding: 48rpx 0 20rpx;
		}
		&-headerClose{
			font-size: 28rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #999999;
			position: absolute;
			top: 48rpx;
			right: 52rpx;
		}
		&-input{
			background: #fff;
			border-radius: 8rpx;
			padding: 24rpx;
			margin: 12rpx 48rpx 66rpx;
			border: 1px solid #eee;
			@include flexBetween;
			&--Mt20{
				margin: 0 48rpx 20rpx;
			}
			input{
				flex: 1;
				font-size: 32rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #333;
			}
			.noCode{
				font-size: 32rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: rgba(0,0,0,0.4);
				@include initMoreLine(1);
				width: 380rpx;
			}
			.copy{
				font-size: 32rpx;
				font-family: PingFang SC-Semibold, PingFang SC;
				font-weight: 600;
				color: #CF2B2A;
			}
		}
		&-input--1{
			margin: 0 48rpx 20rpx;
		}
		&-tipsBox{
			@include flexLeftColumn;
			padding: 0 50rpx 20rpx;
		}
		&-label{
			@include flexLeft;
			font-size: 28rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #1A1A1A;
			margin-bottom: 20rpx;
			.red{
				color: $globalColor-style;
			}
		}
		&-checkBox{
			@include flexLeftColumn;
			margin: 0 70rpx 22rpx;
			.tips{
				font-size: 32rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: rgba(0,0,0,0.6);
				text-align: center;
				margin-bottom: 26rpx;
			}
		}
		&-checkBoxItem{
			@include flexBetween;
			width: 100%;
			margin-bottom: 32rpx;
			image{
				width: 42rpx;
				height: 42rpx;
				margin-right: 8rpx;
			}
			.mo{
				font-size: 28rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: rgba(0,0,0,0.9);
			}
		}
		&-btnBox{
			@include flexBetween;
			border-top: 1px solid #eee;
			& > view{
				width: 50%;
				padding: 32rpx 0;
				text-align: center;
				&:nth-child(1){
					border-right: 1px solid #eee;
				}
			}
		}
		&-close{
			font-size: 32rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #333;
		}
		&-confirm{
			font-size: 32rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 600;
			background:#AD2926;
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}
		&-listBox{
			@include flexLeftColumn;
			margin: 18rpx 68rpx 50rpx;
			&--noMt{
				margin: 18rpx 68rpx 0;
			}
			&__item{
				@include flexBetween;
				width: 100%;
				margin: 0 0 16rpx;
				.label{
					font-size: 32rpx;
					font-family: PingFang SC-Regular, PingFang SC;
					font-weight: 400;
					color: rgba(0,0,0,0.9);
				}
				.num{
					font-size: 32rpx;
					font-family: PingFang SC-Regular, PingFang SC;
					font-weight: 400;
					color: $globalColor-style;
				}
			}
			&__left{
				@include flexLeft;
				margin: 0;
				.balanceTitle{
					font-size: 24rpx;
					font-family: PingFang SC-Regular, PingFang SC;
					font-weight: 400;
					color: rgba(0,0,0,0.9);
					line-height: 28px;
				}
				.red{
					font-size: 24rpx;
					font-family: PingFang SC-Regular, PingFang SC;
					font-weight: 400;
					color: $globalColor-style;
				}
			}
		}
		&-fenBox{
			background: rgba(255,64,64,0.05);
			border-radius: 16rpx;
			padding: 20rpx 40rpx;
			margin: 20rpx 28rpx;
			&__item{
				@include flexBetween;
				padding: 24rpx 0;
				&:nth-child(1){
					border-bottom: 1px solid rgba(0, 0, 0, .08);
				}
			}
			&__left{
				.title{
					font-size: 32rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 500;
					color: #000000;
				}
				.info{
					font-size: 24rpx;
					font-family: PingFang SC-Regular, PingFang SC;
					font-weight: 400;
					color: #000000;
					margin-top: 4rpx;
				}
			}
			image{
				width: 42rpx;
				height: 42rpx;
			}
		}
		&-otherAddr{
			background: $globalColor-style;
			border-radius: 12rpx;
			font-size: 32rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #FFFFFF;
			padding: 20rpx 0;
			width: 100%;
		}
	}
}

// 本月交易量降序弹窗
.model-bg{
	z-index: 66;
	overflow: hidden;
	width: 100vw;
	position: absolute;
	top: 88rpx;
  left: 0;
	background: rgba(0, 0, 0, 0.5);
	// transform: translateY(20rpx);
	box-sizing: border-box;
  height: 100%;
}
// 筛选
.modal{
	box-sizing: border-box;
	background: #fff;
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	.typeName-sort{
		@include flexBetween;
		font-weight: 400;
		font-size: 28rpx;
		color: #000000;
		line-height: 48rpx;
		position: relative;
		padding: 32rpx;
		background: #F9F9F9;
		.ico {
			width: 32rpx;
			height: 32rpx;
			display: inline-block;
			vertical-align: middle;
			margin-left: 8rpx;
		}
	}
	.desPopu{
			overflow: hidden;
			padding: 24rpx 32rpx;
			.li{
					padding-bottom: 24rpx;
					padding-top: 24rpx;
					border-bottom: 1px solid rgba(0,0,0,0.08);
					font-size: 28rpx;
					color: #333333;
			}
			.li:last-of-type{
					border-bottom: none;
			}
	}
	.sortPopu{
			padding: 24rpx;
			.tab{
					@include flexLeft;
					flex-wrap: wrap;
					background: #FFFFFF;
					margin-top: 20rpx;
			.item{
					width: 220rpx;
					text-align: center;
					height: 80rpx;
					line-height: 80rpx;
					font-size: 28rpx;
					color: #666;
					background: #F3F4F9;
					border-radius: 8rpx;
					margin-right: 24rpx;
			}
			.active{
					border:2rpx solid #AD2926;
					color: #AD2926;
					font-weight: 500;
			}
			}
			.title{
					font-size: 28rpx;
					color: #000000;
					font-weight: 600;
			}
			.input{
					margin-top: 24rpx;
					padding: 24rpx 0;
					color: #333;
					font-size: 28rpx;
					height: 40rpx;
					line-height: 40rpx;
			}
			.info{
					@include flexBetween;
					padding: 24rpx 0;
					color: #333;
					font-size: 28rpx;
					.txt{
							color: #999;
							@include flexLeft;
					}
					.ico{
							width: 32rpx;
							height:32rpx ;
					}
			}
			.tab1{
					.item{
							margin-top: 20rpx;
							width: calc( 29% - 16rpx );
							margin-left: 24rpx;
					}
					.item:nth-of-type(3n+1){
							margin-left: 0;
					}
			}
			.border-b{
					border-bottom: 1px solid rgba(0,0,0,0.08);
			}
			.mt-10{
				margin-top: 20rpx;
			}
			.bottom-box{
					margin-top: 90rpx;
					padding: 16rpx 68rpx;
					border-top: 1px solid rgba(0,0,0,0.08);
			.bottom{
					@include flexBetween;
					.btn{
							width: 248rpx;
							text-align: center;
							height: 80rpx;
							line-height: 80rpx;
							border-radius: 108rpx ;
							font-size: 32rpx;
					}
					.reset{
							border: 2rpx solid;
							border-image: linear-gradient(180deg, rgba(173, 41, 38, 1)) 2 2;
							color: #AD2926;
					}
					.sure{
							background: #AD2926;
							color: #fff;
					}
			}
			}
			.mt-56{
					margin-top: 56rpx;
			}
			.mt-32{
					margin-top: 32rpx;
			}
	}
}
 /* 模态框 */
 /deep/ .uni-modal__btn_primary{
	color: #AD2926 !important;
}